<template>

  <div>
    <!-- <Manfigy
    :imgUrl="imgUrl"
    :imgAlt='imgAlt'
    :imgBlank="imgBlank"
    :imgWidth='imgWidth'
    :imgHeight="imgHeight"
    :magHeight="magHeight"
    :magWidth="magWidth"
    :link="link"
    /> -->
<!--    <Starts-->
<!--    :num='3'-->
<!--    :size='30'-->
<!--    @getStartnum='getStartnum'-->
<!--    />-->
    <Modal
    :show="true"
    :width="350"
    :borderRadius="5"
    headerColor="orange"
    headerText="this is a header text"
    headerTextColor="#fff"
    contentText="this is a content"
    contentColor="#333"
    position="center"
    :btnGroupShow="true"
    confirmShow="是"
    canceltext="否"
    @confirm="modalConfim"
    @close="modelClose"
    />
  </div>
</template>

<script>
import  { reactive,toRefs } from 'vue'
export default {
  name: 'App',
  components: {
  },
  setup(){
    const modalConfim=(fromData)=>{
      console.log('modalConfim',fromData)
    }
    const modelClose = () =>{
      console.log('modelClose')
    }
    return { modalConfim,modelClose}
    //五星好评
  //   const getStartnum = (num)=>{
  //     console.log(num);
  //   }
  // return{getStartnum};
  //放大镜
    // const  state = reactive({
    //   // 计算图片比例
    //   imgUrl:'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3916450503,115503000&fm=26&gp=0.jpg',
    //   imgAlt:'全智贤',
    //   link:"https://www.baidu.com",
    //   imgBlank:false,
    //   imgWidth:375,
    //   imgHeight:207,
    //   magWidth:80,
    //   magHeight:80
    // })
    // return{ ...toRefs(state) }


  }
}
</script>

<style lang="scss">

</style>
